#app {
  position: relative;
  // fix: touch 事件仍会滑动 absolute 定位的元素
  overflow-x: hidden;
  width: 100%;
  height: 100%;

  .app-wrapper {
    .app-navbar {
      overflow: hidden;
      height: $navbar__height;
    }

    .app-main {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: $main__height;
    }

    .app-tabbar {
      overflow: hidden;
      height: $tabbar__height;
    }

    /* 对高度较小的设备，缩小 navbar/tabbar 的高度 */
    /* @media (max-height: 600px) {
      .app-navbar { height: $navbar__height--min; }
      .app-main { height: $main__height--min; }
      .app-tabbar { height: $tabbar__height--min; }
    } */
  }
}